<template>
    <div class="slide">
        <div v-for="(v,i) in getList" :key="i">
            <router-link  :to="v.path">{{v.meta.title}}</router-link>
        </div>
    </div>
</template>
<script>
import {metaCli} from '@/router/homeChildren';
import store from '@/store';
export default {
   computed:{
       getList(){
           return store.getters.permissionRoutes
       }
   }
}
</script>
<style lang="scss">
    .slide{
        width: 100%;
        height: 100%;
        background: #a3f7bf;
        overflow: auto;
        div{
            height: 45px;
            line-height: 45px;
            text-align: center;
            font-size: 16px;
        }
        div:hover{
            background: #aacfcf;
        }
    }
</style>